<template>
	<CustomPopup class="cascader-select-popup" :title="title" :showPickerDlg="showPicker" position="bottom"
		@close="onCancel" @reset="onReset" @confirm="onConfirm">
		
		<CustomSelectPanel ref="uSelect" :value="value" height="100%"
			:multiple="multiple" :color="color" :dataList="dataList"
			:props="finalProps" @changeCheck='changeSelect' />
			
			<u-empty style="margin: auto 0;" text="暂无数据" mode="list" v-if="dataList.length <= 0"></u-empty>
	</CustomPopup>
</template>

<script>
	import CustomPopup from '../CustomPopup/index.vue';
	import CustomCascaderPanel from '../CustomCascaderPanel/index.vue';
	export default{
		name:'customCascaderPopup',
		components: {
			CustomPopup,
			CustomCascaderPanel
		},
		data(){
			return{
				
			}
		},
		
		methods: {
			changeSelect (val) {
				this.selectValue = val;
			},
			onCancel() {
				this.$emit('close');
			},
			onConfirm() {
				this.$emit('input', this.selectValue);
				this.$emit('close');
			},
			onReset() {
				this.selectValue = '';
			}
		},
	}
</script>

<style>
</style>